<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
   
   <link rel="stylesheet" type="text/css" href="css/main.css" />
   <link rel="stylesheet" type="text/css" href="css/control_but.css" />
   <link rel="stylesheet" type="text/css" href="css/normalize.css" />
   <link rel="stylesheet" type="text/css" href="css/zzsc-demo.css">
  </head>
  
  <style>
	  .text_style_1{
		font-size: xxx-large;
		font-family: fantasy;
		color: #FFFFFF;
		vertical-align:middle;
		line-height:74px;
		  
	  }
	  
	  
  </style>
<body style="position: relative;height: 100%;width: 100%;overflow:hidden;" >
					<div id="8" class="eight">
					
						<div style="position: relative;float:left; height: 100% ;width: 20%; "> 
						<div> <span id="title9" style="text-align: center; font-weight: 600; font-size: xx-large;">LINE&nbsp;<br>CONTROL</span></div>
						<div id="force" class="one_middle border_td" style="position: absolute;line-height: 31px; width:74%;height: 4.5%; margin: 109% 0 0 12%;">&nbsp;FORCE(t)&nbsp;</div>
						<div class="force_seven border_td"><span id="line_force" class="text_style_1">0.00</span></div>
						<div id="len" class="one_middle border_td" style="position: absolute;line-height: 31px; width:74%;height: 4.5%; margin: 181% 0 0 12%;">&nbsp;LENGTH(m)&nbsp;</div>
						<div class="force_seven_1 border_td"><span id="line_length" class="text_style_1">0.00</span></div>	
						</div>
						
						
					
						
						<div style="position: relative;float:left; height: 100% ;width: 47%;"> 
						<div style="position: relative;float:left; height: 100% ;width: 25%; "> 
						<button id="line_17" class="but_control_08 " >17</button>	
						<button id="line_16" class="but_control_08 " >16</button>
						<button id="line_15" class="but_control_08 " >15</button>
						<button id="line_14" class="but_control_08" >14</button>
						<button id="line_13" class="but_control_08 " >13</button>
						<button id="line_12" class="but_control_08" >12</button>
						<button id="line_11" class="but_control_08" >11</button>	
						</div>
						<div style="position: relative;float:left; height: 100% ;width: 50%; "> 
							<button id="line_0" class="but_control_08_01 " style=" float: none; margin-left: -7%;" >0</button>
							<button id="line_1" class="but_control_08_01 " style=" float: none;margin-left: 5%;" >1</button>	

							<img id="lineimg" style="    width: 120%;margin-left: -13%;height: 67%;" src="img/eight/BShip_blue.png"/>
							<button id="line_10" class="but_control_08_01 " style=" float: none;margin-left: -7%; margin-top: 10%;">10</button>
							<button id="line_9" class="but_control_08_01 " style="  float: none;margin-left: 5%; margin-top: 10%;" >9</button>	

						</div>
						<div style="position: relative;float:left; height: 100% ;width: 25%;"> 
						<button id="line_2" class="but_control_08 ">2</button>	
						<button id="line_3" class="but_control_08 ">3</button>
						<button id="line_4" class="but_control_08 ">4</button>
						<button id="line_5" class="but_control_08" >5</button>
						<button id="line_6" class="but_control_08 ">6</button>
						<button id="line_7" class="but_control_08" >7</button>
						<button id="line_8" class="but_control_08" >8</button>
						</div>
						</div>
						
							
						<div id="lineid" style="position: relative;float:left; height: 100% ;width: 33%; "> 
							<div style="position: relative;float:left; height: 100% ;width: 30%;margin-left: -2%;     margin-right: 1%;"> 
						<button id="payout" class="but_control_08_02" style="">PAY<br>OUT</button>	
						<button id="paystop" class="but_control_08_02"  style="">P.OUT<br>STOP</button>
						
							
						</div>
						<div style="position: relative;float:left; height: 100% ;width: 30%;    margin-right: 1%; "> 
						<button id="heave_0" class="but_control_08_02"  style="">HEAVE<br>3</button>	
						<button id="heave_1" class="but_control_08_02"  style="">HEAVE<br>2</button>
						<button id="heave_2" class="but_control_08_02"  style="">HEAVE<br>1</button>
						<button id="stops_3" class="but_control_08_02"  style="">STOP<br>0</button>
						<button id="slack_4" class="but_control_08_02"  style="">SLACK<br>1</button>
						<button id="slack_5" class="but_control_08_02"  style="">SLACK<br>2</button>
						<button id="slack_6" class="but_control_08_02" style="" >SLACK<br>3</button>	

						</div>
						<div style="position: relative;float:left; height: 100% ;width: 30%;"> 
						<button id="line_alarm_ack"class="but_control_08_02 " style=" background-color: #fd7b24de;" >ALARM<br>ACK</button>	
						<div style="position: relative;float:left; height: 43.2%;width:  44.8%;"></div>
						<button id="line_yes" class="but_control_08_02"  style="">YES</button>
						<button id="line_let_go" class="but_control_08_02"  style="">LETGO</button>
						<button id="line_let_all" class="but_control_08_02 "  style="background-color: #fd7b24de;">ALL<br>LETGO</button>
						</div>
							
						</div> 
							
							
							
							
							
							
							
							
							
					</div><!-- 8面板结束-->		
	<script src="./js/authority/lib3rd-jquery-1.9.1.js"></script>
			 <script src="./js/overall_constant.js"></script>		
			<script src="./js/trantext.js"></script>
			<script src="./js/button_option_7.js"></script>
			
  </body>
</html>